<template>
	<view class="info">
		<!-- <view class="info-title" >
			{{info.title}}
		</view> -->
		<view class="info-con rich-text">
			<rich-text :nodes="info.content.replace(/\<img/gi, '<img style=max-width:100%;height:auto')"></rich-text>
		</view>
	</view>
</template>

<script>
	import common from '../../utils/common.js'
	import api from '../../utils/api.js'
	export default {
		data() {
			return{
				info: { },
				id: '',
			}
		},
		
		onLoad(options) {
			this.id = options.id
			this.getInfo()
		},
		
		methods: {
			getInfo() {
				api.getArtDetails({ id: this.id }, res => {
					this.info = res
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.info-title{
		font-size: 44upx;
		font-weight: bold;
		color: $theme-color;
		margin-bottom: 60upx;
	}
	.rich-text{
		font-size: $font-size-28;
		color: #333333;
		line-height: 46upx;
		text-align: justify;
	}
</style>
